<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
    <title>活动</title>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <style type="text/css">
        body{
            font-size:14px;
        }
    </style>

    <link rel="stylesheet" type="text/css" href="../../../static/easyui/themes/default/easyui.css">
    <link rel="stylesheet" type="text/css" href="../../../static/easyui/themes/icon.css">
    <script type="text/javascript" src="../../../static/easyui/jquery.min.js"></script>
    <script type="text/javascript" src="../../../static/easyui/jquery.easyui.min.js"></script>
    <!-- 引入EasyUI的中文国际化js，让EasyUI支持中文 -->
    6   <script type="text/javascript" src="../../../static/easyui/locale/easyui-lang-zh_CN.js"></script>
    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
    <script type="text/javascript">


        //修改清除
        function clearUpdateForm(){
            $('#ff').form('clear');
        }

        //新增清除
        function clearinsertForm(){
            $('#zz').form('clear');
        }

        //查询触发的函数
        function queryForm(){
            //$("input[name='activityName']").val(); 获取的是jQuery对象  要是用jQuery的方法获取值
            //使用easyUI的方法获取值
            var activityName= $("#activityId").textbox('getValue');

            //解决后台获取数据乱码问题
            var name1 = encodeURI(activityName);
            //这个查询方式=====通过#dg===queryEmp?name=activityName
            $('#dg').datagrid('load',{
                //======easyui所有的方法调用   控件对象.控件名称('方法名','方法参数')
                name:name1

            });
        }


        //修改的方法
        function submitUpdateForm(){
            debugger ;
            //表单提交 会获取表单的所有信息
            $('#ff').form('submit',{
                url:'/activity/saveOrUpdate/', //selectedRow.id 获取选中行的数据id
                success: function(msg){
                    debugger
                    var a = JSON.parse(msg) ;
                    debugger
                    if(a.status.statusCode=='0'){
                        queryForm()
                        $.messager.alert('提示消息','编辑成功');
                        $('#w').dialog('close');
                    }else{
                        $.messager.alert('错误消息',a.status.statusReson);
                    }
                },
                error:function(){
                    $.messager.alert('错误消息',"-----");
                }
            })
        }

        //新增的方法
        function submitinsertForm(){
            $('#zz').form('submit',{
                url:'/activity/saveOrUpdate',
                success: function(msg){
                    var a = JSON.parse(msg) ;
                    debugger
                    if(a.status.statusCode=='0'){
                        queryForm() ;
                        $.messager.show({
                            title: '新增',
                            msg: "新增成功",
                            timeout: 1500,
                            showType: 'slide'
                        });
                        $('#z').dialog('close');
                    }else{
                        $.messager.alert('错误消息',a.status.statusReson);
                    }
                }
            })
        }



        //添加toolbar工具栏
        $(function(){

            $("#dg").datagrid({



                // width:'auto',	//列的宽度
                // height:658,		//列的高度
                striped: true,	//是否显示斑马线效果
                fitColumns:'true', //真正的自动展开/收缩列的大小
                loadMsg: "数据加载中，请稍后……",
                // pageSize: 5,//每页显示的记录条数，默认为10 ，后台接收默认为rows
                // pageList: [5,10,15],//可以设置每页记录条数的列表
                // pagination:true,//显示分页工具栏


                toolbar:[{
                    iconCls:'icon-insert',
                    text:'新增',
                    //点击新增弹出一个新增的div窗口
                    onClick:function(){
                        $("#z").window('open');
                    }
                },{
                    iconCls:'icon-edit',
                    text:'修改',
                    onClick:function(){
                        var selectedRow=$("#dg").datagrid("getSelected");
                        if(selectedRow==null){
                            $.messager.alert('提示消息','请选择数据');
                            return;
                        }
                        var id = selectedRow.id ;
                        //获取详情
                        $.ajax({
                            url:"/activity/form/"+id,
                            type:"post",
                            data:{
                                id:id
                            },
                            dataType:"json",
                            success:function(msg){
                                debugger ;

                                var a = JSON.parse( JSON.stringify(msg) );
                                debugger
                                if(a.status.statusCode=='0'){
                                    $("#ff").form("clear");//清空表单
                                    $("#ff").form('load',a.result)
                                    $("#w").window('open');
                                }else{

                                }
                            },
                            error:function(){
                                $.messager.alert('错误消息',"-----");
                            }
                        })

                    }
                },{
                    iconCls:'icon-remove',
                    text:'删除',
                    onClick:function(){

                        var selectedRow=$("#dg").datagrid("getSelections");
                        if(selectedRow==null){
                            $.messager.alert('提示消息','请选择数据');
                            return;
                        }
                        var falg;
                        for(var i=0;i<selectedRow.length;i++){
                            if(i==0){
                                falg=(selectedRow[i].id);
                            }else{
                                falg+=","+selectedRow[i].id;
                            }
                        }


                        //var sid=selectedRow.id;
                        $.ajax({
                            url:'deleteEmp/'+falg,
                            method:'POST',
                            dataType:'json',
                            data:'_method=delete',
                            success:function(msg){
                                debugger
                                if(msg.status.statusCode=='0'){
                                    queryForm()
                                    $.messager.alert('提示消息','删除成功');
                                }else{
                                    $.messager.alert('错误消息',msg.status.statusReson);
                                }
                            }
                        });
                    }
                }]

                //列表

            })





        })
    </script>


</head>

<body>
    活动名称：<input id="activityId" class="easyui-textbox" type="text" name="name" data-options="required:true"></input>
    <a href="javascript:void(0)" style="width:50px" class="easyui-linkbutton" onclick="queryForm()">查询</a>


<div style="height:5px"></div>
<table id="dg" class="easyui-datagrid" title="活动信息" style="width:600px;height:250px"
       iconCls="icon-save" pagination="true" pagination="true" toolbar="#td"
       data-options="height:'auto',singleSelect:false,collapsible:true,
				url:'/activity/list',method:'post',pagination:true,rownumbers:true

			">
    <thead>
    <tr>
        <!-- {"id":1,"name":"龙大胖","job":"鸭子","mgr":345,"hiredate":1118246400000,"sal":2324,"deptno":20}, -->
        <th field="ck" checkbox="true"></th>
        <th data-options="field:'id',width:80">活动编号</th>
        <th data-options="field:'name',width:100">活动名称</th>
    </tr>
    </thead>
</table>

<!-- 修改的div -->
<div id="w" class="easyui-window" title="修改活动信息" data-options="iconCls:'icon-save',closed:true"
     style="width:500px;height:300px;padding:5px;">
    <form id="ff" method="post">
        <input type="hidden" name="_method" value="put">
        <input type="hidden" name="id">
        <table cellpadding="5">
            <tr>
                <td>活动名称:</td>
                <td><input class="easyui-textbox" type="text" name="name"  ></input></td>
            </tr>
          

        </table>
    </form>
    <div style="text-align:center;padding:5px">
        <a href="javascript:void(0)" class="easyui-linkbutton" onclick="submitUpdateForm()">保存</a>
        <a href="javascript:void(0)" class="easyui-linkbutton" onclick="clearUpdateForm()">重置</a>
    </div>
</div>

<!-- 新增的div -->
<div id="z" class="easyui-window" title="增加活动信息" data-options="iconCls:'icon-save',closed:true" style="width:500px;height:300px;padding:5px;">
    <form id="zz" method="post">
        <table cellpadding="5">
            <tr>
                <td>活动名称:</td>
                <td><input class="easyui-textbox" type="text" name="name"></input></td>
            </tr>


        </table>
    </form>
    <div style="text-align:center;padding:5px">
        <a href="javascript:void(0)" class="easyui-linkbutton" onclick="submitinsertForm()">保存</a>
        <a href="javascript:void(0)" class="easyui-linkbutton" onclick="clearinsertForm()">重置</a>
    </div>
</div>
</body>
</html>